<template>
  <div v-for="item in state.dialogList" :key="item.name">
    <real-dialog
      :show="item.props.isShow"
      :mask-close="item.props.maskClose"
      :mask-color="item.props.maskColor"
      :align-x="item.props.alignX"
      :align-y="item.props.alignY"
      :opacity="item.props.opacity"
      :animation="item.props.animation"
      :component="item.component"
      :name="item.name"
    ></real-dialog>
  </div>
</template>

<script setup lang="ts">
import realDialog from './realDialog.vue'
import { state } from './store'
</script>

<style scoped></style>
